<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>北京租房</title>
    <link rel="stylesheet" href="../css/BeijingRent.css">
</head>

<body>
      <!-- 页面头部 -->
      <header>
        <div class="bgc">
        <div class="head">
            <div class="header-left"><img src="../images/index/logo.jpg"></div>
            <div class="header-right"><img src="../images/index/my.jpg"><img src="../images/index/xiazai.jpg"></div>
        </div>
        </div>
        <div class="nav">
            <div>
            <span><a style="color: rgb(48, 44, 44);" href="./index.html">首页</a></span>  >
            <span>北京租房</span>
            </div>
        </div>
        <div class="header-1">
            <input type="text">
            <span>|</span>
            <img src="../images/SecondHandList/search_03.png">
        </div>
       </header>

       <!-- 页面主体 -->
       <main>
        <div class="main-1">
            <ul>
                <li>区域</li>
                <li>月租</li>
                <li>房型</li>
                <li>更多</li>
            </ul>
        </div>
        <div class="main-2">
            <ul>
                <li>
                    <div><img src="../images/rentalList/img1.png"></div>
                    <div class="text">
                        <h2>南沙滩小区 超低价急售</h2>
                        <h5>2室1厅 96m² 南北</h5>
                        <div>青岛新天地</div>
                        <div><span>集中供暖</span> <span>3700元/月</span></div>
                    </div>
                </li>
                <li>
                    <div><img src="../images/rentalList/img2.png"></div>
                    <div class="text">
                        <h2>青年汇二期 免税三居</h2>
                        <h5>3室2厅 129m² 南北</h5>
                        <div>青年汇嘉园</div>
                        <div><span>集中供暖</span> <span>4600元/月</span></div>
                    </div>
                </li>
                <li>
                    <div><img src="../images/rentalList/img3.png"></div>
                    <div class="text">
                        <h2>博雅德园稀缺两居 钥匙房源</h2>
                        <h5>2室2厅 126m² 南北</h5>
                        <div>西二旗</div>
                        <div><span>天然气供暖</span> <span>3700元/月</span></div>
                    </div>
                </li>
                <li>
                    <div><img src="../images/rentalList/img4.png"></div>
                    <div class="text">
                        <h2>朝阳北路赠车库自住首选</h2>
                        <h5>5室3厅 260m² 南北</h5>
                        <div>武夷花园二手房</div>
                        <div><span>集中供暖</span> <span>5408元/月</span></div>
                    </div>
                </li>
                <li>
                    <div><img src="../images/rentalList/img5.png"></div>
                    <div class="text">
                        <h2>金瀚旭城 东南金角一居</h2>
                        <h5>1室1厅 60m² 东南</h5>
                        <div>鲁谷二手房</div>
                        <div><span>集中供暖</span> <span>3300元/月</span></div>
                    </div>
                </li>
                </ul>
        </div>     

       </main>
       
       <!-- 页面尾部 -->
       <footer>
        <div class="foot-1">北京找房无忧 > <a style="color: #666; text-decoration:none" href="./index.html">首页</a></div>
        <div class="foot-2">
            <div>
                <img src="../images/index/apple.png">
                <span>iphone<br>客户端</span>
            </div>
            <div>
                <img src="../images/index/android.png">
                <span>android<br>客户端</span>
            </div>
        </div>
        <div class="foot-3">
            <p>北京找房无忧房地产经纪公司</p> 
            <p>网络经营许可证京ICP备20160812号</p> 
        </div>
       </footer>       
</body>
</html>
<script src="../js/public.js"></script>